
.result {
    width: 400px ;
    height: 50px ;
    line-height: 50px ;
    text-align: center ;
    border: 1px solid #dedede ;
    border-radius: 5px ;
    user-select: none ;
    margin: 15px 0 ;
}

.wrapper {
    /* 使被选择的元素成为柔性容器(flex容器) */
    display: flex ;
    /* 该属性控制柔性容器是否 折行 或 折列 */
    flex-wrap: wrap ;
    width: 400px;
    border: 1px solid blue ;
}

/* 亲子选择器 */
.wrapper>span {
    flex-basis: 50px ;
    text-align: center ;
    box-shadow: 0 0 1px 0 #888888 inset ;
    cursor: pointer ;
}

